<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="Hexo Theme Keep">
    <meta name="description" content="Hexo Theme Keep">
    <meta name="author" content="cheng5.du">
    
    <title>
        
        cheng5.du
    </title>
    
<link rel="stylesheet" href="/css/style.css">

    <link rel="shortcut icon" href="/images/avatar.jpeg">
    
<link rel="stylesheet" href="/css/font-awesome.min.css">

    <script id="hexo-configurations">
    let KEEP = window.KEEP || {};
    KEEP.hexo_config = {"hostname":"example.com","root":"/","language":"zh-CN"};
    KEEP.theme_config = {"toc":{"enable":false,"number":false,"expand_all":false,"init_open":false},"style":{"primary_color":"#0066CC","avatar":"/images/avatar.jpeg","favicon":"/images/avatar.jpeg","article_img_align":"left","left_side_width":"260px","content_max_width":"920px","hover":{"shadow":false,"scale":false},"first_screen":{"enable":true,"background_img":"/images/bg.svg","description":"人生海海，来日方长。"},"scroll":{"progress_bar":{"enable":false},"percent":{"enable":false}}},"local_search":{"enable":false,"preload":false},"code_copy":{"enable":false,"style":"default"},"pjax":{"enable":false},"lazyload":{"enable":false},"version":"3.4.5"};
    KEEP.language_ago = {"second":"%s 秒前","minute":"%s 分钟前","hour":"%s 小时前","day":"%s 天前","week":"%s 周前","month":"%s 个月前","year":"%s 年前"};
  </script>
<meta name="generator" content="Hexo 6.1.0"></head>


<body>
<div class="progress-bar-container">
    

    
</div>


<main class="page-container">

    
        <div class="first-screen-container flex-center fade-in-down-animation">
    <div class="content flex-center">
        <div class="description">
            人生海海，来日方长。
        </div>
        
            <div class="s-icon-list">
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                        
                            <span class="s-icon-item email">
                                <a href="mailto:superduchengwu@163.com">
                                    <i class="fas fa-envelope"></i>
                                </a>
                            </span>
                        
                    
                
            </div>
        
    </div>
</div>

    

    <div class="page-main-content">

        <div class="page-main-content-top">
            <header class="header-wrapper">

    <div class="header-content has-first-screen">
        <div class="left">
            
            <a class="logo-title" href="/">
                cheng5.du
            </a>
        </div>

        <div class="right">
            <div class="pc">
                <ul class="menu-list">
                    
                        <li class="menu-item">
                            <a class="active"
                               href="/"
                            >
                                首页
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/archives"
                            >
                                归档
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/categories"
                            >
                                分类
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/tags"
                            >
                                标签
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/netease"
                            >
                                网抑云
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/about"
                            >
                                关于我
                            </a>
                        </li>
                    
                    
                </ul>
            </div>
            <div class="mobile">
                
                <div class="icon-item menu-bar">
                    <div class="menu-bar-middle"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="header-drawer">
        <ul class="drawer-menu-list">
            
                <li class="drawer-menu-item flex-center">
                    <a class="active"
                       href="/">首页</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/archives">归档</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/categories">分类</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/tags">标签</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/netease">网抑云</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/about">关于我</a>
                </li>
            
        </ul>
    </div>

    <div class="window-mask"></div>

</header>


        </div>

        <div class="page-main-content-middle">

            <div class="main-content">

                
                    <div class="home-content-container fade-in-down-animation">
    <ul class="home-article-list">
        
            <li class="home-article-item">

                
                    <i class="fas fa-thumbtack top-icon"></i>
                

                <h3 class="home-article-title">
                    <a href="/2018/05/21/%E5%86%99%E7%BB%9930%E5%B2%81%E7%9A%84%E8%87%AA%E5%B7%B1/">
                        写给30岁的自己
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        亲爱的超级无敌杜小胖：
你好哇。
现在是2018年5月21日，夏，距离你30岁还有整整5年。
这会儿的北京热得要命，院子里枣树上的蝉扯着嗓子不要命地吼叫着，吃完午饭跟着同事在胡同里瞎溜达了一圈，顺道买了几注彩票，回到办公室好些同事都趴在桌子上午休，流...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Mon May 21 2018 12:55:56 GMT+0800">2018-05-21</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E4%BA%BA%E7%94%9F/">人生</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E4%BA%BA%E7%94%9F%E6%9D%82%E8%B0%88/">人生杂谈</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2018/05/21/%E5%86%99%E7%BB%9930%E5%B2%81%E7%9A%84%E8%87%AA%E5%B7%B1/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                
                    <i class="fas fa-thumbtack top-icon"></i>
                

                <h3 class="home-article-title">
                    <a href="/2021/01/01/%E4%B8%80%E4%BA%9B%E9%9D%A2%E8%AF%95%E9%A2%98%EF%BC%88JavaScript%EF%BC%89/">
                        一些面试题（JavaScript）
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        面试题下面代码输出什么123456var a = 10!(function() &#123;  console.log(a)  a = 5 // 本身作用域没有定义a，所以相当于定义全局作用域，并赋值5  console.log(this.a)&#1...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Fri Jan 01 2021 21:12:42 GMT+0800">2021-01-01</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E5%89%8D%E7%AB%AF/">前端</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/JavaScript/">JavaScript</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E9%9D%A2%E8%AF%95%E9%A2%98/">面试题</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2021/01/01/%E4%B8%80%E4%BA%9B%E9%9D%A2%E8%AF%95%E9%A2%98%EF%BC%88JavaScript%EF%BC%89/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Weixin%20Mini%20Program/">
                        你知道的Weixin Mini Program
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        Weixin Mini Program整理中……

                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Sat Jun 12 2021 21:03:56 GMT+0800">2021-06-12</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E5%89%8D%E7%AB%AF/">前端</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/JavaScript/">JavaScript</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84%E7%B3%BB%E5%88%97/">你知道的系列</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/Weixin-Mini-Program/">Weixin Mini Program</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Weixin%20Mini%20Program/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Axios/">
                        你知道的Axios
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        Axios整理中……

                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Sat Jun 12 2021 21:03:45 GMT+0800">2021-06-12</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E5%89%8D%E7%AB%AF/">前端</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/JavaScript/">JavaScript</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84%E7%B3%BB%E5%88%97/">你知道的系列</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/Axios/">Axios</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Axios/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84React&TS/">
                        你知道的React&amp;TS
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        React&amp;TS
学习React和TypeScript，太久没用了，全忘了😅。


                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Sat Jun 12 2021 21:03:22 GMT+0800">2021-06-12</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E5%89%8D%E7%AB%AF/">前端</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/JavaScript/">JavaScript</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84%E7%B3%BB%E5%88%97/">你知道的系列</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/React/">React</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/TypeScript/">TypeScript</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84React&TS/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Vue2.x/">
                        你知道的Vue2.x
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        Vue2.x整理中……

                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Sat Jun 12 2021 21:03:19 GMT+0800">2021-06-12</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E5%89%8D%E7%AB%AF/">前端</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/JavaScript/">JavaScript</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84%E7%B3%BB%E5%88%97/">你知道的系列</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/Vue2-x/">Vue2.x</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Vue2.x/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Vue%20Router/">
                        你知道的Vue Router
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        Vue Router
Vue Router 是 Vue.js 官方的路由管理器。

使用概览router.js12345678910111213141516171819202122232425262728293031323334353637impor...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Sat Jun 12 2021 09:33:19 GMT+0800">2021-06-12</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E5%89%8D%E7%AB%AF/">前端</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/JavaScript/">JavaScript</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84%E7%B3%BB%E5%88%97/">你知道的系列</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/Vue-Router/">Vue Router</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Vue%20Router/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/06/05/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Vuex/">
                        你知道的Vuex
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        Vuex
Vuex是一个专门为Vue.js应用程序开发的状态(state)管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证以一种可预测的方式发生变化。

Vuex 和单纯的全局对象的区别
Vuex的状态存储是响应式的。当Vue从...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Sat Jun 05 2021 15:22:13 GMT+0800">2021-06-05</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E5%89%8D%E7%AB%AF/">前端</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/JavaScript/">JavaScript</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84%E7%B3%BB%E5%88%97/">你知道的系列</a>&nbsp;
                        </li>
                    
                        <li>
                            | 
                            <a href="/tags/Vuex/">Vuex</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2021/06/05/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Vuex/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/05/27/%E4%BA%8C%E5%8F%89%E6%A0%91%E6%B7%B1%E5%BA%A6%E5%92%8C%E5%B9%BF%E5%BA%A6%E4%BC%98%E5%85%88%E9%81%8D%E5%8E%86/">
                        二叉树深度和广度优先遍历
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        树
树结构是一种非线性存储结构，存储的是具有“一对多”关系的数据元素的集合。


树的节点节点使用树结构存储的每一个数据元素都称为“节点”。如A就是一个节点。
树根节点简称“根节点”，每一个非空树都有且有一个被称为根的节点，比如A。
父节点（双亲节点...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Thu May 27 2021 11:04:55 GMT+0800">2021-05-27</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E4%B8%8E%E7%AE%97%E6%B3%95/">数据结构与算法</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E4%BA%8C%E5%8F%89%E6%A0%91/">二叉树</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2021/05/27/%E4%BA%8C%E5%8F%89%E6%A0%91%E6%B7%B1%E5%BA%A6%E5%92%8C%E5%B9%BF%E5%BA%A6%E4%BC%98%E5%85%88%E9%81%8D%E5%8E%86/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2021/05/22/%E6%B8%85%E7%A9%BA%E6%95%B0%E7%BB%84%E7%9A%84%E5%87%A0%E7%A7%8D%E6%96%B9%E6%B3%95/">
                        清空数组的几种方法
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        清空数组的几种方法12// raw arrayconst arr = [1, 2, 3, 4, 5]

直接赋值1arr = []

length1arr.length = 0

splice1arr.splice(0, arr.length)

�...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Sat May 22 2021 19:04:12 GMT+0800">2021-05-22</span></span>
        
            <span class="home-article-category"><i class="fas fa-folder"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/categories/%E5%89%8D%E7%AB%AF/">前端</a>&nbsp;
                        </li>
                    
                    
                </ul>
            </span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/JavaScript/">JavaScript</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2021/05/22/%E6%B8%85%E7%A9%BA%E6%95%B0%E7%BB%84%E7%9A%84%E5%87%A0%E7%A7%8D%E6%96%B9%E6%B3%95/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
    </ul>

    <div class="home-paginator">
        <div class="paginator">
    

    
        <a class="next btn"
           href="/page/2/"
        >下一页</a>
    
</div>

    </div>
</div>


                
            </div>

        </div>

        <div class="page-main-content-bottom">
            <footer class="footer">
    <div class="info-container">
        <div class="copyright-info info-item">
            &copy;
            
              <span>2020</span>
              -
            
            2023&nbsp;<i class="fas fa-heart icon-animate"></i>&nbsp;<a href="/">cheng5.du</a>
        </div>
        
        <div class="theme-info info-item">
            Powered by <a target="_blank" href="https://hexo.io">Hexo</a>&nbsp;|&nbsp;Theme&nbsp;<a class="theme-version" target="_blank" href="https://github.com/XPoet/hexo-theme-keep">Keep v3.4.5</a>
        </div>
        
        
    </div>
</footer>

        </div>
    </div>

    

    <div class="right-bottom-side-tools">
        <div class="side-tools-container">
    <ul class="side-tools-list">
        <li class="tools-item tool-font-adjust-plus flex-center">
            <i class="fas fa-search-plus"></i>
        </li>

        <li class="tools-item tool-font-adjust-minus flex-center">
            <i class="fas fa-search-minus"></i>
        </li>

        <li class="tools-item tool-expand-width flex-center">
            <i class="fas fa-arrows-alt-h"></i>
        </li>

        <li class="tools-item tool-dark-light-toggle flex-center">
            <i class="fas fa-moon"></i>
        </li>

        <!-- rss -->
        

        
            <li class="tools-item tool-scroll-to-top flex-center">
                <i class="fas fa-arrow-up"></i>
            </li>
        

        <li class="tools-item tool-scroll-to-bottom flex-center">
            <i class="fas fa-arrow-down"></i>
        </li>
    </ul>

    <ul class="exposed-tools-list">
        <li class="tools-item tool-toggle-show flex-center">
            <i class="fas fa-cog fa-spin"></i>
        </li>
        
    </ul>
</div>

    </div>

    

    <div class="image-viewer-container">
    <img src="">
</div>


    

</main>





<script src="/js/utils.js"></script>

<script src="/js/main.js"></script>

<script src="/js/header-shrink.js"></script>

<script src="/js/back2top.js"></script>

<script src="/js/dark-light-toggle.js"></script>








<div class="post-scripts">
    
</div>



</body>
</html>
